<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@ page import="java.util.*"%>
<%
	db conexion = null;
	ArrayList<Personal> lista_personal = new ArrayList<Personal>();
	int fila=1;
	if (request.getParameter("criterio") != null) {
		conexion = new db();
		String criterio = (String)request.getParameter("criterio");
		String tipo = (String)request.getParameter("tipo");
		GestionPersonal gp = new GestionPersonal(conexion);
		if (tipo.equals("1")) {
			lista_personal = gp.Buscar(criterio, GestionPersonal.FILTRO_POR_NOMBRE);
		}else {
			lista_personal = gp.Buscar(criterio, GestionPersonal.FILTRO_POR_CODIGO);
		}
	}

%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>BuscarPersonal</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>
<script type="text/javascript">
$(function() {
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
});
</script>
<script type="text/javascript">
	function validar() {
		var criterio = $("#criterio").val();
		if (criterio == "") {
			alert("Debe ingresar el criterio de busqueda");
			return false;
		}
		if (criterio.length < 3 ) {
			alert("El criterio tiene mes de 3 caracteres");
			return false;
		}
		return true;
	}
	
	function seleccionar(cedula,nombre) {
		window.opener.document.form1.cedula.value = cedula;
		window.opener.document.form1.nombres.value = nombre;
		window.close();
	}

</script>
</head>
<body>
<div class="demo">
<h2>Personal</h2>
<form action="" onsubmit="return validar()">
	<table>
		<tr>
			<th>Buscar Personal</th>
		</tr>
		<tr>
			<td>Buscar por: 
				<input type="radio" name="tipo" value="1" checked>Nombre
				<input type="radio" name="tipo" value="2">Cedula
			</td>
		</tr>
		<tr>
			<td>Ingrese Criterio: <input type="text" value="" name="criterio" id="criterio" size=40  /><input type="submit" value="Buscar" /> </td>
		</tr>
		
	</table>

</form>
<% if (request.getParameter("criterio") != null) { %>
<% if (lista_personal.size() > 0) { %>
<table>
	<tr>
		<th>Cedula</th>
		<th>Nombre</th>
		<th>Cargo</th>
		<th>Accion</th>
	</tr>
<% for (Personal personal : lista_personal)  { %>
	<tr <%= fila%2==0?"class='odd'":"" %>>
		<td><%= personal.getCodigo() %></td>
		<td><%= personal.getNombres() %></td>
		<td><%= personal.getCargo() %></td>
		<td><a href="javascript:seleccionar('<%= personal.getCodigo() %>','<%= personal.getNombres() %>')" >Seleccionar</a></td>
	</tr>
	<% fila++; %>
<% } %>
<tr>	
	<th colspan="4">Total registros encontrados: <%= lista_personal.size() %></th>
</tr>
</table>

<% }else {  %>
<strong>No se encontraron registros con el criterio de busqueda</strong>
<% } %>
<% } %>
</div>
</body>
</html>
<% 
	if (conexion != null) {
		conexion.Close();
	}
%>